<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>智慧铜川</title>
    <link rel="stylesheet" href="./static/css/index.css" />
    <link
      media="(max-width: 640px)"
      rel="stylesheet"
      href="./static/css/phone.css"
    />
    <link
      media="(min-width: 640px) and (max-width: 1440px)"
      rel="stylesheet"
      href="./static/css/pad.css"
    />
    <link
      media="(min-width: 1440px)"
      rel="stylesheet"
      href="./static/css/pc.css"
    />
  </head>
  <body>
    <header id="header" class="flex wrap">
      <div class="panel">
        <div class="panel-hd">
          <img src="./static/img/tongchuan.png" />
          <h1 class="logo">安全管理门户</h1>
        </div>
        <div class="panel-bd">
          <div class="geteway">
            <img src="" alt="" />
            <div class="title">
              <h2 class="title"></h2>
              <a href="#"></a>
            </div>
          </div>
        </div>
      </div>
      <div class="card-group">
        <div class="card card-safe-system">
          <div class="card-hd">
            <div class="title">安全监测系统</div>
          </div>
          <div class="card-bd">
            <p>
              安全监测分析系统通过对不同的日志及流量数据进行采集，清洗范式化后分布式存储空间的数据为数据检索和展示的提供支撑。
            </p>
          </div>
        </div>
        <div class="card card-safe-testing">
          <div class="card-hd">
            <div class="title">安全监测分析系统</div>
          </div>
        </div>
        <div class="card card-safe-testing">
          <div class="card-hd">
            <div class="title">运行和服务安全管理系统</div>
          </div>
        </div>
      </div>
      <div class="box">
        <div class="time">2020-12-03 10:30</div>
        <p class="content">[ 统计天数为最近7天 ]</p>
      </div>
    </header>
    <main id="content">
      <div class="row">
        <div class="col-6">
          <div class="box box-cr">
            <div class="box-hd">
              <div class="title"></div>
            </div>
            <div class="box-bd">
              <table class="table">
                <tbody class="tbody">
                  <tr class="tr">
                    <td class="col-8"></td>
                    <td class="col-8"></td>
                    <td class="status col-8">
                      <span></span>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="col-12"></div>
        <div class="col-6">
          <div class="box box-ld">
            <div class="box-hd">
              <div class="title"></div>
            </div>
            <div id="J_chat_ld"></div>
          </div>
          <div class="box box-rmm">
            <div class="box-hd">
              <div class="title"></div>
            </div>
            <div id="J_chat_rmm"></div>
          </div>
        </div>
      </div>
    </main>
    <footer id="footer">
      <div class="row">
        <div class="col-12">
          <div class="box box-jc">
            <div class="box-hd">
              <div class="title"></div>
            </div>
            <div class="box-bd">
              <table class="table">
                <thead class="thead">
                  <tr class="tr">
                    <th class="col-4"></th>
                    <th class="col-4"></th>
                    <th class="col-4"></th>
                    <th class="col-4"></th>
                    <th class="col-4"></th>
                    <th class="col-4"></th>
                  </tr>
                </thead>
                <tbody class="tbody">
                  <tr class="tr">
                    <td class="col-4"></td>
                    <td class="col-4"></td>
                    <td class="col-4"></td>
                    <td class="status col-4">
                      <span></span>
                    </td>
                    <td class="col-4"></td>
                    <td class="col-4"></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="col-6">
          <div class="box box-gw col-6">
            <div class="box-hd">
              <div class="title"></div>
            </div>
            <div class="box-bd">
              <table class="table">
                <thead class="thead">
                  <tr class="tr">
                    <th class="col-12"></th>
                    <th class="col-6"></th>
                    <th class="col-6"></th>
                  </tr>
                </thead>
                <tbody class="tbody">
                  <tr class="tr">
                    <td class="col-12"></td>
                    <td class="col-6"></td>
                    <td class="col-6"></td>
                  </tr>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="col-6">
          <div class="box box-web">
            <div class="box-hd">
              <div class="title"></div>
            </div>
            <div id="J_chat_rmm"></div>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>
